<template>
  <div id="box">
    <van-nav-bar
            title="邀请回答"
            left-text=""
            left-arrow
            @click-left="onClickLeft"
            :border="false"    
    />
    <main>
      
      <div class="photo">
        <img src="/img/jie_img/zx2.png" alt="">
      </div>
      <div class="tex">
        <p>您还没有相关数据~</p>
      </div>
      
    </main>
  </div>
</template>

<script>
import { Toast } from 'vant';
export default {
    methods:{
      goAnswer(){
        console.log(this.$router);
      },

      onClickLeft() {
        this.$router.go(-1);
    },
    
    }
}
</script>

<style scoped>
/* scoped 让样式只在当前组件生效  ！important(父子元素存在同样类名时用)*/
.box{
   background: orange;
}
main{
  width:7.5rem;
  height:12.92rem;
  background-color: #f2f2f2;
}
.photo img{
  width: 4.8rem;
  height:3.94rem ;
  margin-top: 1.52rem;
  margin-left:1.4rem;
}
.tex{
  display: flex;
  justify-content: center;
  color:#bebebe;
  margin-top: 0.36rem;
}
.btn{
  display: flex;
  justify-content: center;
}
.btn button{
  width: 7.08rem;
  height:0.86rem ;
  background-color: #9A9A9A;
  color: #ffffff;
  border: none;
  margin-top: 0.76rem;
}
</style>